import React from 'react';
import { Menu } from 'antd';
import {
  DashboardOutlined,
  FileTextOutlined,
  UserOutlined,
  SettingOutlined,
  TeamOutlined,
  BarsOutlined,
  GlobalOutlined
} from '@ant-design/icons';
import './App.css';

const Sidebar = () => {
  return (
    <div className="sidebar" style={{ width: 200, height: '100vh', background: '#001529' }}>
      <div className="logo" style={{ height: 64, padding: '16px', color: 'white', fontSize: '20px' }}>
        数据仪表板
      </div>
      <Menu
        theme="dark"
        mode="inline"
        defaultSelectedKeys={['1']}
        items={[
          {
            key: '1',
            icon: <DashboardOutlined />,
            label: '数据概览',
          },
          {
            key: '2',
            icon: <FileTextOutlined />,
            label: '报表',
          },
          {
            key: '3',
            icon: <BarsOutlined />,
            label: '统计',
          },
          {
            key: '4',
            icon: <GlobalOutlined />,
            label: '地区',
          },
          {
            key: '5',
            icon: <TeamOutlined />,
            label: '客户',
          },
          {
            key: '6',
            icon: <SettingOutlined />,
            label: '设置',
          },
        ]}
      />
    </div>
  );
};

export default Sidebar; 